.btn(@btnColor, @fontColor){
	background: @btnColor; 
	color: @fontColor;
	min-width: 80px;
	font-size:1.2rem; 
	display:inline-block;
	border:none;
	box-shadow: 0 2px 12px 0 fade(@btnColor, 35%);
	padding:0.5rem 3rem;
	border-radius: 0.2rem;
	
	&[disabled=disabled]{
		background: lighten(@btnColor, 20%);
		color: dark(@fontColor, 20%);
		
		&:hover{
			background: lighten(@btnColor, 20%);
			color: dark(@fontColor, 20%);
			box-shadow: 0 2px 12px 0 fade(@btnColor, 35%);
			cursor: not-allowed;
		}
	}
	&:hover{
		color:@fontColor;
		background: lighten(@btnColor, 5%);
		text-decoration: none;
		box-shadow: 0 2px 12px 0 fade(@btnColor, 75%);
	}
	&:visited{
		color: @fontColor;
	}
}

.sbtn(@btnColor, @fontColor){
	background: fade(@btnColor, 5%); 
	color: @btnColor;
	min-width: 80px;
	font-size:1.2rem; 
	display:inline-block;
	border:none;
	box-shadow: 0 2px 12px 0 fade(@btnColor, 35%);
	padding:0.5rem 3rem;
	border-radius: 0.2rem;
	border:1px solid @btnColor;
	
	&[disabled=disabled]{
		background: fade(@btnColor, 5%);
		color: fade(@btnColor, 40%);
		border:1px solid fade(@btnColor, 40%);
		
		&:hover{
			background: fade(@btnColor, 5%);
			color: fade(@btnColor, 40%);
			box-shadow: 0 2px 12px 0 fade(@btnColor, 35%);
			cursor: not-allowed;
		}
	}
	&:hover{ 
		background: @btnColor;
		text-decoration: none;
		color:@fontColor;
		box-shadow: 0 2px 12px 0 fade(@btnColor, 75%);
	}
	
}

.primary-btn{
	
	.btn(@primaryColor, rgb(255,255,255));
}
.success-btn{
	.btn(@successColor, rgb(255,255,255));
}
.info-btn{
	.btn(@infoColor, rgb(255,255,255));
}
.danger-btn{
	.btn(@dangerColor, rgb(255,255,255));
}
.warning-btn{
	.btn(@warningColor, rgb(255,255,255));
}

.primary-sbtn{
	.sbtn(@primaryColor, rgb(255,255,255));
}
.success-sbtn{
	.sbtn(@successColor, rgb(255,255,255));
}
.info-sbtn{
	.sbtn(@infoColor, rgb(255,255,255));
}
.danger-sbtn{
	.sbtn(@dangerColor, rgb(255,255,255));
}
.warning-sbtn{
	.sbtn(@warningColor, rgb(255,255,255));
}

.link{color: @primaryColor;}